<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" v-show="showSearch" label-width="150px">
      <el-row>
        <el-col :span="6">
          <el-form-item label="客户">
            <el-input placeholder="请输入客户" v-model="queryParams.custtext" class="input-with-select">
              <el-select v-model="queryParams.custtype" slot="prepend" placeholder="请选择">
                <el-option label="ID" value="ID"></el-option>
                <el-option label="手机号" value="mobile"></el-option>
                <el-option label="姓名" value="custName"></el-option>
              </el-select>

            </el-input>
            <!-- <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
            <el-select v-model="select" slot="prepend" placeholder="请选择">
              <el-option label="餐厅名" value="1"></el-option>
              <el-option label="订单号" value="2"></el-option>
              <el-option label="用户电话" value="3"></el-option>
            </el-select>
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input> -->


          </el-form-item>

        </el-col>
        <el-col :span="6">

          <el-form-item label="状态" prop="status">
            <el-select v-model="queryParams.status" placeholder="请选择状态" clearable style="width:100%">
              <el-option v-for="dict in dict.type.crm_customerStatus" :key="dict.value" :label="dict.label"
                :value="dict.value" />
            </el-select>
          </el-form-item>

        </el-col>
        <el-col :span="6">

          <el-form-item label="星级" prop="starLevel">
            <el-select v-model="queryParams.starLevel" placeholder="请选择星级" clearable style="width:100%">
              <el-option v-for="dict in dict.type.crm_star" :key="dict.value" :label="dict.label" :value="dict.value" />
            </el-select>
          </el-form-item>
        </el-col>
        
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="需求额度" prop="amountType">
            <el-select v-model="queryParams.amountType" placeholder="请选择需求额度" clearable style="width:100%">
              <el-option v-for="dict in dict.type.crm_amount" :key="dict.value" :label="dict.label" :value="dict.value" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">

          <el-form-item label="最近处理" prop="updateTime">
            <el-date-picker v-model="updateTime" type="datetimerange" :picker-options="pickerOptions" range-separator="至"
              start-placeholder="开始日期" end-placeholder="结束日期" align="right" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
              style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="申请时间" prop="applyTime">
            <el-date-picker v-model="applyTime" type="datetimerange" :picker-options="pickerOptions" range-separator="至"
              start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" format="yyyy-MM-dd" align="right"
              style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="本地号段" prop="localPhoneFlag">
            <el-select v-model="queryParams.localPhoneFlag" placeholder="请选择本地号段" clearable style="width:100%">
              <el-option v-for="dict in dict.type.crm_has" :key="dict.value" :label="dict.label" :value="dict.value" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="最近分配" prop="reDistributeTime">
            <el-date-picker v-model="reDistributeTime" type="datetimerange" :picker-options="pickerOptions"
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"
              format="yyyy-MM-dd" align="right" style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="部门归属" prop="orgId">
            <treeselect v-model="queryParams.orgId" :options="deptOptions" :show-count="true" placeholder="请选择部门归属"   :default-expand-level="4"  />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="本地户籍" prop="localPersonFlag">
            <el-select v-model="queryParams.localPersonFlag" placeholder="请选择本地户籍" clearable style="width:100%">
              <el-option v-for="dict in dict.type.crm_has" :key="dict.value" :label="dict.label" :value="dict.value" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="原始分配" prop="oldDistributeTime">
            <el-date-picker v-model="oldDistributeTime" type="datetimerange" :picker-options="pickerOptions"
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" align="right"
              style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="备注搜索" prop="remark">
            <el-input v-model="queryParams.remark" placeholder="备注搜索" clearable @keyup.enter.native="handleQuery" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="跟进次数">
            <el-input-number v-model="queryParams.followTimeStart" controls-position="right" placeholder="最小跟进次数"
              :min="0" style="width: 50%"></el-input-number>
            <el-input-number v-model="queryParams.followTimeEnd" controls-position="right" placeholder="最大跟进次数"
              :min="0" style="width: 50%"></el-input-number>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item label="本地房产" prop="hasLocalHouse">
            <el-select v-model="queryParams.hasLocalHouse" placeholder="请选择本地房产" clearable style="width:100%">
              <el-option v-for="dict in dict.type.crm_has" :key="dict.value" :label="dict.label" :value="dict.value" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="客户上门" prop="lastVisitTime">

            <el-date-picker v-model="lastVisitTime" type="datetimerange" :picker-options="pickerOptions"
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd" align="right"
              style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="客户签约" prop="lastSignTime">
            <el-date-picker v-model="lastSignTime" type="datetimerange" :picker-options="pickerOptions"
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"
              format="yyyy-MM-dd" align="right" style="width: 100%;">
            </el-date-picker>

          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="客户放款" prop="lastLoanTime">

            <el-date-picker v-model="lastLoanTime" type="datetimerange" :picker-options="pickerOptions"
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"
              format="yyyy-MM-dd" align="right" style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">

          <el-form-item label="未跟进天数" prop="unfollow_day">
            <el-input v-model="queryParams.unfollow_day" placeholder="未跟进天数" clearable @keyup.enter.native="handleQuery"
              controls-position="right" />
          </el-form-item>
        </el-col>
        <el-col :span="6">

          <el-form-item label="扫码客户" prop="lastIntroduceTime">
            <el-date-picker v-model="lastIntroduceTime" type="datetimerange" :picker-options="pickerOptions"
              range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd"
              format="yyyy-MM-dd" align="right" style="width: 100%;">
            </el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="年龄" prop="ageLimit">
            <el-select v-model="queryParams.ageLimit" placeholder="年龄" clearable style="width:100%">
              <el-option label="- 不限 -" value=""></el-option>
              <el-option label="小于18" value="0-17"></el-option>
              <el-option label="18-24" value="18-2"></el-option>
              <el-option label="25-29" value="25-29"></el-option>
              <el-option label="30-54" value="30-54"></el-option>
              <el-option label="55以上" value="55-10000"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-col>
      </el-row>

    </el-form>


    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
          v-hasPermi="['crmsys:custinfo:add']">新增</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
          v-hasPermi="['crmsys:custinfo:edit']">修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
          v-hasPermi="['crmsys:custinfo:remove']">删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
          v-hasPermi="['crmsys:custinfo:export']">导出</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>
    <el-table v-loading="loading" :data="custinfoList" @selection-change="handleSelectionChange" fit style="width: 100%">
      <el-table-column type="selection" align="center" min-width="3%"></el-table-column>
      <el-table-column label="序号" type="index" align="center" min-width="3%">
        <template slot-scope="scope">
          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <el-table-column label="ID" align="center" prop="id" min-width="3%" />
      <el-table-column label="姓名" align="center" prop="custName" min-width="3%" />
      <el-table-column label="年龄" align="center" prop="age" min-width="3%" />
      <el-table-column label="状态" align="center" prop="status" min-width="3%">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.crm_customerStatus" :value="scope.row.status" min-width="3%" />
        </template>
      </el-table-column>
      <el-table-column label="部门归属" align="center" prop="orgId" min-width="3%">
        <template slot-scope="scope">
          {{ getDeptByOrgId(scope.row.deptId) }}
        </template>
      </el-table-column>

      <el-table-column label="顾问" align="center" prop="empId" min-width="3%" >
        <template slot-scope="scope">
          {{ getNameByEmpId(scope.row.userId) }}
        </template>
      </el-table-column>
      <el-table-column label="星级" align="center" prop="starLevel" min-width="3%">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.crm_star" :value="scope.row.starLevel" />
        </template>
      </el-table-column>
      <el-table-column label="跟进次数" align="center" prop="starLevel" min-width="3%" />
      <el-table-column label="备注" align="left" width="280" prop="remark" min-width="3%">
        <template slot-scope="scope">
          <span v-html='scope.row.remark'></span>
        </template>
      </el-table-column>
      <el-table-column label="申请额度" align="center" prop="amountType" min-width="3%">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.crm_amount" :value="scope.row.amountType" />
        </template>
      </el-table-column>
      <el-table-column label="最后处理顾问" align="center" prop="lastUpdateBy" min-width="3%" >
        <template slot-scope="scope">
          {{ getNameByEmpId(scope.row.lastUpdateBy) }}
        </template>
      </el-table-column>>
      <el-table-column label="最近处理" align="center" prop="updateTime" min-width="3%"><template slot-scope="scope">
          <span>{{ parseTime(scope.row.updateTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="最近备注" align="center" prop="lastRemarkTime" min-width="3%">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.lastRemarkTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="申请时间" align="center" prop="applyTime" min-width="3%"><template slot-scope="scope">
          <span>{{ parseTime(scope.row.applyTime) }}</span>
        </template>
      </el-table-column>

      <el-table-column label="分配" align="center" prop="oldDistributeTime" min-width="3%">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.oldDistributeTime) }}</span>
        </template>
      </el-table-column>
      <el-table-column label="城市" align="center" prop="city" min-width="3%" />
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="3%">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
            v-hasPermi="['crmsys:custinfo:edit']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
            v-hasPermi="['crmsys:custinfo:remove']">删除</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
      @pagination="getList" />

    <!-- 添加或修改客户信息对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>

    </el-dialog>
  </div>
</template>

<script>
import {
  listCustinfo,
  getCustinfo,
  delCustinfo,
  addCustinfo,
  updateCustinfo
} from "@/api/crmsys/custinfo/custinfo";

import { deptTreeSelect, childrenAlldeptTree } from "@/api/system/user";

import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { debuglog } from 'util';

export default {
  name: "Custinfo",
  dicts: [
    "crm_yesno",
    "crm_sex",
    "crm_has",
    "crm_star",
    "crm_type",
    "crm_paytype",
    "crm_customerStatus",
    "crm_marriage",
    "crm_work",
    "crm_roleCategory",
    "crm_amount"
  ],
  components: { Treeselect },
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 设置每行显示多少列
      6: 6,
      // 总条数
      total: 0,
      // 客户信息表格数据
      custinfoList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      applyTime: null,
      updateTime: null,
      oldDistributeTime: null,
      reDistributeTime: null,
      lastRemarkTime: null,
      lastIntroduceTime: null,
      lastVisitTime: null,
      lastSignTime: null,
      lastLoanTime: null,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        id: null,
        custName: null,
        mobile: null,
        age: null,
        sex: null,
        household: null,
        officeTel: null,
        marriaged: null,
        hasHouse: null,
        houseType: null,
        hasCar: null,
        hasCredit: null,
        hasPolicy: null,
        hasSocial: null,
        socialYears: null,
        socialAmt: null,
        hasFund: null,
        fundYears: null,
        fundAmt: null,
        workNature: null,
        workPaytype: null,
        hasCompany: null,
        debtAmt: null,
        debtOverdue: null,
        loverKnowed: null,
        zhimaScore: null,
        wedebtLimit: null,
        orgId: null,
        empId: null,
        starLevel: null,
        status: null,
        remark: null,
        localPersonFlag: null,
        localPhoneFlag: null,
        amountType: null,
        hasLocalHouse: null,
        custtext: null,
        custtype: null,
        followTimeStart: null,
        followTimeEnd: null,
        loan_content: null,
        loan_condition: null,
        unfollow_day: null,
        ageLimit: null
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {},
      pickerOptions: {
        shortcuts: [{
          text: '最近一周',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
            picker.$emit('pick', [start, end]);
          }
        }, {
          text: '最近三个月',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
            picker.$emit('pick', [start, end]);
          }
        }]
      },
      value1: [new Date(2000, 10, 10, 10, 10), new Date(2000, 10, 11, 10, 10)],
      value2: '',
      // 部门归属树选项
      deptOptions: undefined,
    };
  },
  created() {
    this.getList();
    this.getDeptTree();
  },
  activated() {
    const time = this.$route.query.t;
    if (time != null && time != this.uniqueId) {
      this.uniqueId = time;
      this.queryParams.pageNum = Number(this.$route.query.pageNum);
      this.getList();
    }
  },
  methods: {
    /** 查询客户信息列表 */
    getList() {
      this.loading = true;
      this.getSpecialQuery();

      listCustinfo(this.queryParams).then(response => {
        this.custinfoList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    //特殊查询字段处理
    getSpecialQuery() {
      var age = this.queryParams.ageLimit;
      if (age != null) {
        this.addDateRange(this.queryParams, age.split("-"), "age")
      }
      // 时间区间处理
      this.addDateRange2(this.queryParams, this.applyTime, "applyTime")
      this.addDateRange2(this.queryParams, this.updateTime, "updateTime")
      this.addDateRange2(this.queryParams, this.oldDistributeTime, "oldDistributeTime")
      this.addDateRange2(this.queryParams, this.reDistributeTime, "reDistributeTime")
      this.addDateRange2(this.queryParams, this.lastRemarkTime, "lastRemarkTime")
      this.addDateRange2(this.queryParams, this.lastIntroduceTime, "lastIntroduceTime")
      this.addDateRange2(this.queryParams, this.lastVisitTime, "lastVisitTime")
      this.addDateRange2(this.queryParams, this.lastSignTime, "lastSignTime")
      this.addDateRange2(this.queryParams, this.lastLoanTime, "lastLoanTime")
      this.addDateRange2(this.queryParams, this.lastLoanTime, "lastLoanTime")

      this.queryParams.hasHouse = null
      this.queryParams.hasCar = null
      this.queryParams.hasPolicy = null
      this.queryParams.hasFund = null
      this.queryParams.id = null
      this.queryParams.mobile = null
      this.queryParams.custName = null

      const custtype = this.queryParams.custtype;
      if (custtype == "ID") {
        this.queryParams.id = this.queryParams.custtext
      }
      if (custtype == "mobile") {
        this.queryParams.mobile = this.queryParams.custtext

      }
      if (custtype == "custName") {
        this.queryParams.custName = this.queryParams.custtext
      }


      const loan_condition = this.queryParams.loan_condition;
      const loan_content = this.queryParams.loan_content;
      if (loan_condition == "hasHouse") {
        this.queryParams.hasHouse = loan_content
      }
      if (loan_condition == "hasCar") {
        this.queryParams.hasCar = loan_content
      }
      if (loan_condition == "hasPolicy") {
        this.queryParams.hasPolicy = loan_content
      }
      if (loan_condition == "hasFund") {
        this.queryParams.hasFund = loan_content
      }
      console.log(this.queryParams);
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
        custName: null,
        mobile: null,
        age: null,
        sex: null,
        city: null,
        household: null,
        officeTel: null,
        marriaged: null,
        hasHouse: null,
        houseType: null,
        houseArea: null,
        houseValue: null,
        houseTimes: null,
        houseMonthPay: null,
        houseBankName: null,
        hasCar: null,
        carType: null,
        carTimeLimit: null,
        carValue: null,
        carTimes: null,
        carMonthPay: null,
        carBankName: null,
        hasCredit: null,
        creditAmount: null,
        creditOverdue: null,
        hasPolicy: null,
        policyCompany: null,
        policyPayType: null,
        policyPayTime: null,
        hasSocial: null,
        socialYears: null,
        socialAmt: null,
        hasFund: null,
        fundYears: null,
        fundAmt: null,
        hasWork: null,
        workNature: null,
        workSalary: null,
        workPaytype: null,
        hasCompany: null,
        hasTax: null,
        debtAmt: null,
        debtOverdue: null,
        loverKnowed: null,
        zhimaScore: null,
        wedebtLimit: null,
        applyLimit: null,
        applyTime: null,
        updateTime: null,
        distributeTime: null,
        oldDistributeTime: null,
        reDistributeTime: null,
        reDistributeStatus: null,
        mediaSource: null,
        channelSource: null,
        orgId: null,
        empId: null,
        starLevel: null,
        status: null,
        preAuditLimit: null,
        preAuditChannel: null,
        remark: null,
        dpRemark: null,
        wishRemark: null,
        distributeRemark: null,
        hasRemind: null,
        lastUpdateBy: null,
        localPersonFlag: null,
        localPhoneFlag: null,
        candoFlag: null,
        oldEmpId: null,
        qrcodeid: null,
        isDelete: null,
        urlTrack: null,
        channelDesc: null,
        channelPsource: null,
        education: null,
        amountType: null,
        lastRemarkTime: null,
        repeatFlag: null,
        lockFlag: null,
        lockTime: null,
        hasLocalHouse: null,
        distributeId: null,
        passflag: null,
        md5val: null,
        encval: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");

      this.applyTime = null;
      this.updateTime = null;
      this.oldDistributeTime = null;
      this.reDistributeTime = null;
      this.lastRemarkTime = null;
      this.lastIntroduceTime = null;
      this.lastVisitTime = null;
      this.lastSignTime = null;
      this.lastLoanTime = null;

      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加客户信息";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids;
      const custName = row.custName;
      const params = { id: id, pageNum: this.queryParams.pageNum, form: this.form };
      this.$tab.openPage(
        "修改客户信息",
        "/crmsys/custedit/info/",
        params
      );
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal
        .confirm('是否确认删除客户信息编号为"' + ids + '"的数据项？')
        .then(function () {
          return delCustinfo(ids);
        })
        .then(() => {
          this.getList();
          this.$modal.msgSuccess("删除成功");
        })
        .catch(() => { });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download(
        "crmsys/custinfo/export",
        {
          ...this.queryParams
        },
        `custinfo_${new Date().getTime()}.xlsx`
      );
    },
    /** 查询部门归属下拉树结构 */
    getDeptTree() {
      var dept = { deptId: this.$store.state.user.deptid }
      childrenAlldeptTree(dept).then(response => {
        console.log(response);
        this.deptOptions = response.data;
      });
      deptTreeSelect().then(response => {
        console.log(response);

      });
    }
  }
};
</script>
<style lang="scss" scoped>
@import '@/assets/styles/command.scss';


::v-deep .el-table th.el-table__cell>.cell,
::v-deep .el-table th,
::v-deep .el-table .cell {
  padding: 0px !important;
  line-height: normal;
}

.cell2 {
  padding: 0;
}

::v-deep .input-with-select .el-select .el-input {
  width: 90px;
}

::v-deep .input-with-select .el-input-group__prepend {
  background-color: #fff;
}

::v-deep .el-table {
  font-size: 12px;
}

::v-deep .el-table--medium .el-table__cell {
  padding: 5px 0;
}
</style>
